// alert("这是一个警告框！！！");
// 在网页中输入内容
// document.write("这是一个js文件")
// 控制台输出结果
// console.log("在控制台输出的结果")
//变量的定义 var 变量名 = 值;
// var name = "tom";
// var age = 10;
// var school;
// alert(name+"---"+age);
//可以使用typeof来判断变量的数据类型
// alert(typeof name);
// alert(typeof age);
// alert(typeof school); // undefined  变量没有初始化

//函数的定义
// function box(a,b) {
//     alert(a+b);
// }

//函数的调用
// box(1,2);

// function box1(a,b) {
//     return a + b;
// }

// var sum = box1(3,4);
// alert(sum);

// function getMessage() {
//     alert("111111111111111111111");
// }

// var box = function() {
//     alert("222222222222222222");
// }

// box();

// 注意：JS中的返回值可以是一个函数
// var box1 = function() {
//    var a = 1;
//    return function() {
//        alert(++a);
//    }
//    alert(a);
// }
// var ret = box1();
// ret()

// 匿名函数的自执行
// (function() {
//     alert("111111111111111111");
// })();

// 面向对象
// var obj = new Object();
// obj.name = "fender";
// obj.age = 30;
// obj.eat = function() {
//     alert("eat......");
// }

// alert(obj.name);
// alert(obj.age)
// obj.eat();

//2. 字面量的方式创建对象
// var obj1 = {
//     name:"tom",
//     age:30,
//     study:function(){
//         alert("study......");
//     }
// }
//访问对象中的属性和方法
// alert(obj1.name);
// alert(obj1.age)
// obj1.study();

//使用构造函数来创建对象
// function Person(name,age) {
//     this.name = name;
//     this.age = age;
//     this.sleep = function() {
//         alert("sleep......");
//     }
// }

// var person = new Person("xxx",50);
// alert(person.name);
// alert(person.age);
// person.sleep();


//我们可以使用JS中的原型来对提供好的一些对象扩充我们想要的方法
//Javascript中的原型：prototype
//语法：对象名.属性名/方法名
// Array.prototype.printInfo = function() {
//     alert("这是我们新添加的方法");
// }

// var array = new Array();
// array.printInfo();

//数组的定义与遍历
var arr = ["fencer","gibson","ESP"];
arr.push("YAMAHA");
console.log(arr);
// for (var index = 0; index < arr.length; index++) {
//     alert(arr[index]); 
// }

//JavaScript是由三个部分组成的
// 1. ECMAScript 基本语法
// 2. BOM(浏览器对象模型)
// 3. DOM(Document Object Model) 文档对象模型

// window对象中的confirm()方法
// function disp_confirm()
//   {
//   var r=confirm("Press a button")
//   if (r==true)
//     {
//     document.write("You pressed OK!")
//     }
//   else
//     {
//     document.write("You pressed Cancel!")
//     }
//   }

//   function disp_prompt()
//   {
//   var name=prompt("Please enter your name","")
//   if (name!=null && name!="")
//     {
//     document.write("Hello " + name + "!")
//     }
//   }

//   function loc() {
//       location.href="https://www.runoob.com"
//   }

//   function rel() {
//     location.reload();
// }

// 文档对象模型
// getElementById()	返回对拥有指定 id 的第一个对象的引用。
function getValue(){
  var x=document.getElementById("myHeader")
  alert(x.innerHTML)
}

//HTML DOM getElementsByName() 方法
// 定义和用法
// getElementsByName() 方法可返回带有指定名称的对象的集合。
// 该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。
function getElements(){
//   var x=document.getElementsByName("myInput");
var x=document.getElementsByTagName("input");
  alert(x.length);
}

function getSelectValue() {
    //根据id获取到select节点元素
    var selectObject = document.getElementById("s");
    for(var i = 0;i<selectObject.length;i++) {
        //每遍历一次就要获取到option中的文本内容 语法：selectObject.options[]
        //document.write(selectObject.options[i].text+"<br>");  //selectObject.options[i]   返回的就是一个option对象
        //当用户选择某个选项的时候就要将当前选项的纯文本内容用alert输出
        //基本语法：optionObject.selected=true|false
        //需要判断if当前select中的option被选中的话就来输出option中的纯文本信息
        if(selectObject.options[i].selected==true) {
                alert(selectObject.options[i].text);
        }
    }
    // alert(x);
}

// function first() {
//     alert("当页面首次加载之后要调用的函数");
// }

// 全选反选checkbox
function getCheckboxVal() {
   //1. 根据id获取到表单对象
   var objForm = document.getElementById("form1");
   //2. 对form对象遍历
   for(var i = 0;i<objForm.length;i++) {
        //2.1 根据id获取到全选（all）的checkbox 对象 
        var a = document.getElementById("all"); //a 获取到的是checkbox对象
        //2.2 需要判断checkbox是否被选中  基本语法：checkboxObject.checked=true|false
        if(a.checked==true){
            //2.3 如果被选中还需要判断当前的表单元素是不是checkbox  需要查看表单元素的类型(type) 
            if(objForm.elements[i].type=="checkbox") {
                // 获取表单元素的基本语法：formObject.elements[].property   语法：checkboxObject.type 例如：formObject.elements[0].type
                //2.3 如果当前表单元素为checkbox 就让当前的checkbox选中
                objForm.elements[i].checked=true;
            }
        }else {
            if(objForm.elements[i].type=="checkbox") {
                // 获取表单元素的基本语法：formObject.elements[].property   语法：checkboxObject.type 例如：formObject.elements[0].type
                //2.3 如果当前表单元素为checkbox 就让当前的checkbox选中
                objForm.elements[i].checked=false;
            }
        }  
   }
       
}

// 级联菜单









